Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start] • [Elementy HTML] • [Atrybuty HTML] • [Style CSS] • [Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory] • [tekst] • [czcionki] • [rozmiary] • [pozycje] • [tabele] • [listy] • [formularze]
[struktura] • [linki] • [multimedia] • [bloki] • [obramowania] • [t│a] • [synteza] • [druk]

align

nie zalecany, zast▒p stylami: text-align, vertical-align

Warto╢ci atrybutu:

• left - (warto╢µ domy╢lna w poziomie)

wyr≤wnanie do lewej strony

• center

wycentrowanie w poziomie

• right

wyr≤wnanie do prawej strony

• justify

wyr≤wnanie do prawej i do lewej strony

• top

wyr≤wnanie w pionie do g≤rnej czΩ╢ci

• bottom - (warto╢µ domy╢lna w pionie)

wyr≤wnanie w pionie do dolnej czΩ╢ci

• middle

wyr≤wnanie w pionie do centralnej czΩ╢ci

• char

wyr≤wnanie wzglΩdem okre╢lonego znaku w tabelach, np. wzglΩdem przecinka w liczbach dziesiΩtnych - nie wszystkie przegl▒darki obs│uguj▒ t▒ warto╢µ

• [top|bottom|left|right] - CAPTION, LEGEND, FIELDSET
• [bottom|middle|top|left|right] - APPLET, IFRAME, IMG, INPUT, OBJECT
• [left|center|right] - TABLE, HR
• [left|center|right|justify] - DIV, H1, H2, H3, H4, H5, H6, P
• [left|center|right|justify|char] - COL, COLGROUP, TBODY, TD, TFOOT, TH, THEAD, TR

• Przyk│ad 1:

<h3 align="right">przyk│adowy tytu│ z prawej strony</h3>

przyk│adowy tytu│ z prawej strony

• Przyk│ad 2:

<p align="center">przyk│adowy tekst na ╢rodku strony</p>

przyk│adowy tekst na ╢rodku strony

• Przyk│ad 3:

<table align="center" width="70%">
<caption "align=bottom">podpis pod tabel▒</caption>
<tr><td><p align="justify">
<img src="../p/kamyki.jpg" align="right" width="100" height="75">
Teraz musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie 
wygl▒da│o formatowanie do lewej i do prawej strony. Na wszelki 
wypadek warto jeszcze raz powt≤rzyµ poprzednie zdanie. Teraz 
musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie 
wygl▒da│o formatowanie do lewej i do prawej strony. Jak widaµ
obie strony tekstu s▒ idealnie r≤wne. O to chodzi│o!
</p></td></tr></table>

podpis pod tabel▒

Teraz musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie wygl▒da│o formatowanie do lewej i do prawej strony. Na wszelki wypadek warto jeszcze raz powt≤rzyµ poprzednie zdanie. Teraz musimy u┐yµ znacznie wiΩcej tre╢ci aby pokazaµ, jak bΩdzie wygl▒da│o formatowanie do lewej i do prawej strony. Jak widaµ obie strony tekstu s▒ idealnie r≤wne. O to chodzi│o!

• Przyk│ad 4:

Zdanie, w kt≤rym wstawiono ogromny <img src="../p/komp.gif" align="top"
 width="70" height="68" alt="komputer"> komputer, ale tylko po to, 
aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach 
parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny 
zastΩpuje dziesi▒tki s│≤w.

Zdanie, w kt≤rym wstawiono ogromny komputer, ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.

• Przyk│ad 5:

Zdanie, w kt≤rym wstawiono ogromny <img src="../p/komp.gif" 
align="middle" width="70" height="68" alt="komputer"> komputer, 
ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych
 warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad 
praktyczny zastΩpuje dziesi▒tki s│≤w.

Zdanie, w kt≤rym wstawiono ogromny komputer, ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.

• Przyk│ad 6:

Zdanie, w kt≤rym wstawiono ogromny <img src="../p/komp.gif" 
align="bottom" width="70" height="68" alt="komputer"> komputer, 
ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy 
r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. 
Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.

Zdanie, w kt≤rym wstawiono ogromny komputer, ale tylko po to, aby pokazaµ co stanie siΩ z obrazkiem przy r≤┐nych warto╢ciach parametru align w wiΩkszej ilo╢ci tekstu. Przyk│ad praktyczny zastΩpuje dziesi▒tki s│≤w.